<script setup lang="ts">
import {Person} from '../types/index'

const person:Person = {}


// const props = defineProps({
//     msg:{
//         type:String,
//         default:'hello',
//         required:true,
//     },
//     car:{
//         type:String,
//         required:false,
//         default:'红光'
//     },
// })

//    const props =  defineProps<{
//     msg:string,
//     car?:string
//    }>()

// const {msg,car} = withDefaults(
//   defineProps<{
//     msg: string
//     car?: string
//   }>(),
//   {
//     car: '宏光'
//   }
// )

const {msg, car = '五菱'} = defineProps<{
    msg:string,
    car?:string
}>()
console.log(msg)
console.log(car)

//emit

// const emit = defineEmits(['changeMsg','changeCar'])
const emit = defineEmits<{
    (e:'changeMsg',msg:string):void,
    (e:'changeCar',car:string):void
}>()



const change = () => {
    emit('changeMsg','123')
    emit('changeCar','benz')
}



</script>
<template>
  <div>
    <h2>{{ msg }}</h2>

    <h2>{{ car }}</h2>


    <button @click="change">点击修改</button>
  </div>
</template>
<style lang="less"></style>
